html, body {	
	color: white;
	width: 100%;
	height: 100%;
	margin: 0%;
	padding: 0%;
	background-color: black;
	font-family: Arimo, sans-serif;
}
/*INICIO FONTS*/
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Ubuntu-Regular.ttf');
}
@font-face {
    font-family: 'Arimo';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Arimo-Regular.ttf');
}
/*INICIO FONTS*/
/*CSS GENERAL INICIO CABECERA*/
#todo {
	width: 100%;
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background: #222e50; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #222e50 0%, #233855 24%, #0a050d 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(-45deg,  #222e50 0%,#233855 24%,#0a050d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #222e50 0%,#233855 24%,#0a050d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #222e50 0%,#233855 24%,#0a050d 100%); /* IE10+ */
	background: linear-gradient(135deg,  #222e50 0%,#233855 24%,#0a050d 100%); /* W3C */
	
}

#cabecera {		
	width: 100%;		
}
#cabecera1{
	width: 92%;
	height: auto;
	/*background-color:#1F2B4A;*/
	border-radius: 20px;
	border: 2px solid gray;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	box-shadow:2px 2px 2px black;
	background-image: url("../img/carrete02.png"); 
	background-repeat:no-repeat;
	background-size:100% 100%;
}

#logo {
	width: 1em;
	min-width: 30%;
	min-height: 30%;	
}
#logo img {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 65px;
	max-width: 80%;
	max-height: 80%;
	min-width: 70%;
	min-height: 70%;		
}

#menu {
	margin-top: 10px;
	padding-top:8px;
	padding-bottom:2px;
	margin-left: auto;
	margin-right: auto;
	width: 92%;
	height: 30%;
	background-color:#45566F;
	border-radius: 15px;
	border: 2px solid gray;
	margin-top: 20px;
	box-shadow:2px 2px 2px black;
	color:black;
	background: #1a253a; /* Old browsers */
	background: -moz-linear-gradient(top,  #1a253a 0%, #43536b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a253a), color-stop(100%,#43536b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1a253a 0%,#43536b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1a253a 0%,#43536b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1a253a 0%,#43536b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1a253a 0%,#43536b 100%); /* W3C */
	display:table;	
}
#menu ul {
	display:table-row;
	margin-right: 2.6595745%;
}
#menu ul li {
	display: inline-block;
	display:table-cell;
	padding-left: 4.5416667%;	
	padding-right: 3.0416667%;
	
}

#menu ul li a {
	height: 20px;	
	text-decoration: none;
	text-transform: uppercase;
	font-family: Ubuntu, sans-serif;
	font-size: 1.2em;
	color: white;
	text-shadow: 2px 2px black;
}
#menu_estilos {
	height: 20px;	
	text-decoration: none;
	text-transform: uppercase;
	font-family: Ubuntu, sans-serif;
	font-size: 1.2em;
	color: white;
	text-shadow: 2px 2px black;
	-moz-transition: all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
}
#menu_estilos:hover{
	color: #FFFFFF;
	text-shadow: 2px 2px black;
	background: -moz-linear-gradient(-45deg,  #222e50 0%, #233855 24%, #0a050d 100%);
	border-radius:8px;
	border: 1px solid #FFFFFF;
	padding-left:10px;
	padding-right:10px;
	box-shadow:2px 2px 2px black;
}

#menu ul li:first-child {
	text-align: left;
}
button{
	display: none;
}


#cuerpo {
	width: 100%;
	height: 50%;	
}

/*FIN CSS GENERAL CABECERA*/


/*CSS DE INICIO*/
#cuerpo1 {
	margin-top: 40px;
	margin-left: 50px;
	width: 30%;
	height: 400px;
	float: left;	
	font-size: 1em;	
	padding-left:2%;	
	padding-right:2%;
	background-color:#C0C0C0;
	border-radius: 30px;
	border: 2px solid gray;
	margin-top: 20px;
	box-shadow: black 0 2px 0;
	color:black;	
	overflow:auto;
}
#cuerpo1 table{
	padding:5px;
	margin:2px;
}

.noticias {
	width:30%;
	height:400px;
	overflow:auto;
}
#cuerpo1 img {
	max-width: 80%;
	max-height:80%;		
}
#cuerpo2 {
	margin-top: 40px;
	margin-left: 4%;
	width: 25%;
	height: 80%;
	float: left;	
	font-size: 1em;	
	padding-left:2%;	
	padding-right:2%;
	background-color:#C0C0C0;
	border-radius: 30px;
	border: 2px solid gray;
	margin-top: 20px;
	box-shadow: black 0 2px 0;
	color:black;
}
#cuerpo2 img{
	margin-top:7px;
	width:100%;
	height: 90%;
	max-width: 100%;
	max-height: 100%;
	min-width: 50%;
	min-height: 50%;
	border-radius: 30px;
}

/*FIN CSS DE INICIO*/


/*INICIO CARTELERA*/

#peliculas,#administrar{
	width: 45%;
	min-width:450px;
	margin-top:15px;
	margin-left:50px;
	float:left;
}

#peliculas .peliculasnombres{	
	background-color:#C0C0C0;
	border-radius:15px;
	margin-top:15px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	color:black;
	box-shadow:2px 1px 2px black;
}
#peliculas .peliculasnombres img{
	float:right;
	margin-right:3%;
}

#imagen_pelicula img{
	box-shadow: black 2px 1px 2px; 
	margin-top:10px;
	border-radius:10px;
	
}
#peliculas .peliculavacia{
	display: none;
}

#peliculas .peliculaactiva{
	
}

#boton_pelicula a{
	text-decoration: none;	
	background-color: #b01c20;
	border-radius: 5px;
	color: #ffffff;
	padding: 6%;
	float:left;
	background: linear-gradient(0deg, #b01c20 0%, #f15c60 100%);
	text-shadow: 0px 1px black;
	box-shadow: black 2px 2px 2px;
	-moz-transition: all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;	
	margin-left:10%;
		
}
#boton_pelicula a:hover{
	color: #FFFFFF;
	text-shadow: 2px 2px black;
	background: -moz-linear-gradient(top, #6d1116 0%, #a03e40 100%);
	background: -webkit-linear-gradient(0deg, #b01c20 0%, #f15c60 100%);
	background: -webkit-linear-gradient(-45deg,  #222e50 0%, #233855 24%, #0a050d 100%);
	border-radius:5px;
	box-shadow:2px 1px 2px black;	
	margin-left:10%;
	
}

#rating_pelicula{
	margin-left:20%;
}
/*FIN CARTELERA*/


/*INICIO USUARIOS, LOGIN Y REGISTRO*/
#cuerpo1_usuarios {
	margin-top: 20px;
    margin-left: 45px;
    width: 30%;
    height: 100%;
    float: left;    
    font-size: 1em; 
}
#cuerpo1_usuarios a{
	text-decoration: none;
	color: black;
}
#cuerpo1_usuarios form{
	padding-top:5%;
	padding-left:5%;
	padding-bottom:5%;
	background-color:#C0C0C0;
	border-radius: 15px;
	border: 2px solid gray;
	margin-top: 20px;
	box-shadow: black 0 2px 0;
	color:black;			
}
#login_usuarios input[type=text], #login_usuarios input[type=password] {
        width: 90%;             
}

#cuerpo1_registro{
	margin-top: 20px;
    margin-left: 45px;
    width: 30%;
    height: 100%;
    float: left;    
    font-size: 1em;
    /*min-width:40%;
    max-width:70%;*/
}
#cuerpo1_registro form{
	padding-top:5%;
	padding-left:5%;
	padding-bottom:5%;
	background-color:#C0C0C0;
	border-radius: 15px;
	border: 2px solid gray;
	margin-top: 20px;
	box-shadow: black 0 2px 0;
	color:black;			
}
#form_registro input[type=text], #form_registro input[type=password] {
	width: 90%;
}

.correcto {	
	padding:2%;	
	background-color:#BED57D;
	border-radius:5px;
	box-shadow: black 2px 2px 2px;
}
.incorrecto {	
	padding:2%;	
	background-color:#CE6B6B;
	border-radius:5px;
	box-shadow: black 2px 2px 2px;
}
#nick_ajax, #email_ajax, #pass2_ajax{
	margin-right:5%;
	width:100%;
	font-size:15px;
}

/*FIN USUARIOS, LOGIN Y REGISTRO*/

/*INICIO INFORMACION*/
#cuerpo1info{
	margin-top: 20px;
	margin-left: 50px;
	width: 30%;
	height: 100%;
	float: left;	
	font-size: 1em;	
	padding-left:2%;	
	padding-right:2%;
	background-color:#C0C0C0;
	border-radius: 15px;
	border: 2px solid gray;
	margin-top: 20px;
	box-shadow: black 2px 2px 2px;
	color:black;	
}	

#cuerpo1info img{
	margin-top: 20px;
	margin-bottom:20px;
	width:100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	min-width: 50%;
	min-height: 50%;
	border-radius: 3px;
}

#li1{
	display:none;
}

#cuerpo2gm {
	margin-top: 20px;
	margin-left: 30px;
	max-width: 60%;
	max-height: 60%;	
	width: 30%;
	height: 80%;
	float: left;
}

#cuerpo2gm iframe{			
	padding-top:3%;
	padding-left:3%;
	padding-bottom:3%;
	padding-right:3%;
	background-color:#C0C0C0;
	border-radius: 20px;
	-moz-border-radius: 15px;
	border: 2px solid gray;
	box-shadow: black 2px 2px 2px;
	color:black;
	width:16em;
	height:16em;	
}
/*FIN INFORMACION*/

/*INICIO DIV DE PADRINO Y LOGIN*/
#cuerpo_right{
	float:right;
	width: 22%;	
}

#cuerpo3 {
	float:clear;
	/*margin-top: 2em;*/	
	/*height: 50%;*/	
	/*width:80%;*/
	margin-right:-120%;
	/*bottom:0;
	top:0;*/
	
}

#cuerpo3 img{
	margin-top: 30px;
	height: 50%;
	width:40%;
	max-width: 40%;
	max-height: 40%;
	/*margin-right:5%;*/
	/*bottom:0;
    right:0;*/
    /*position:static;*/  
    
}
#login_all{
	background-color:#C0C0C0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow:2px 2px 2px black;
	margin-right: 30%;
	color:black;
	padding-top:3px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:3px;
	font-size: 0.9em;
	border:2px solid #353B3E;
	float:right;	
}
@media screen and (max-width: 1220px) {
	
#cuerpo_right {
	float:right;
	width: 23%;	
	
}	
#login_all{
	margin-right: 26%;
}
#cuerpo2{
	width:25%;
}
}

#login a, #disconnect a, #admin a{
	text-decoration: none;
	color:black;	
	-moz-transition: all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	padding-left:2px;
	padding-right:2px;
}
#login a:hover, #disconnect a:hover, #admin a:hover{
	text-decoration: none;
	color:white;
	text-shadow: 2px 1px #353B3E;
	background-color:#353B3E;
	border-radius: 3px;
	box-shadow:2px 2px 2px #353B3E;
	padding-left:2px;
	padding-right:2px;
}

#user img, #admin img, #disconnect img{
	margin-top:3px;
	padding-right:3px;
}
/*FIN DIV DE PADRINO Y LOGIN*/



/*INICIO FOOTER*/
#footer {
	margin-top: 35px;
	width: 100%;
	font-size: 0.75em;
	float:left;	
	position:relative;
}
	
#footer2 {
	display: none;
}
hr {     
	 width:60%;
	 color:#C0C0C0;	 
}

/*FIN FOOTER*/

/* TAMA�OS DE LETRA EN FUNCION DEL TAMANIO DE PANTALLA 
@media screen and (max-width: 1920px) {
	
#menu ul li a {	
	font-size: 1.5em;		
}
}

@media screen and (min-width: 1500px) {
	
#menu ul li a {	
	font-size: 1.2em;
}
}
*/